//路由使用步骤 5+2
//五个基础步骤
//1.下载 yarn add vue-router@3.6.5
//2.引入 import VueRouter from 'vue-router'
//3.安装注册 Vue.use(Vue插件) Vue.use(VueRouter)
//4.创建路由对象 const router = new VueRouter()
//5.注入到new Vue中，建立关联 new Value({router:router})

//2个核心步骤
//1.建组件，配规则
//准备导航链接，配置路由出口(匹配的组件展示的位置)
import Find from '../views/Find' //可以使用绝对路径 @/views/Find (推荐使用这种)
import My from '../views/My'
import Friends from '../views/Friends'

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)//VueRouter插件初始化

//创建了一个路由对象
const router = new VueRouter({
  //routers 路由规则们
  //route 一条路由规则 {path: 路径, component: 组件}
  routes: [
    { path: '/find', component: Find},
    { path: '/my', component: My},
    { path: '/friend', component: Friends},
      ],
      linkActiveClass: "类名1"
})

//需要导出
export default router